<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title></title>
    <link rel="stylesheet" href="/static/font/iconfont.css">
    <link rel="stylesheet" type="text/css" href="/static/lib/css/Bootstrap4.3.1.css"/>
    <link rel="stylesheet" type="text/css" href="/static/css/header.css">
    <link rel="stylesheet" type="text/css" href="/static/css/footer.css">
    <link rel="stylesheet" type="text/css" href="/static/index/css/index.css"/>
</head>
<body>
{% include 'module/header.html' %}
<div class="op">


<div class="container-fluid main-title">
    <div class="type-input">
        <div class="one">
            <span class="typeWriter" data-text='[""]'></span>
        </div>
    </div>
    <div class="content">
        <h1>NSI-软件协会</h1>
        <div class="slogan">计算机协会是一个供编程爱好者互相交流，共同进步的学生组织</div>
    </div>
</div>
</div>
<div class="main">
    <div class="introduction">
        <div class="container">
            <h2><a href="{% url 'information' %}">协会简介</a></h2>
            <div class="row">
                <div class="col-4">
                    <img class="" src="/media/img/index/index2.jpg" alt="152">
                </div>
                <div class="col-8 content">
                    {{ intro | safe }}
                </div>
            </div>
        </div>
    </div>
    <div class="notice">
        <div class="container">
            <h2><a href="{% url 'notice' %}">协会公告</a></h2>
            <h3>最新通知</h3>
            <div class="row align-items-center">
                <div class="col-6">
                    <h4><a href="{% url 'article' %}?article={{ top_1_notice.id }}">{{ top_1_notice.title }}</a></h4>
                    <div class="content">
                        {{ top_1_notice.abstract | safe }}
                    </div>
                </div>
                <div class="col-6">
                    <ul>
                        {% for notice in notices_5 %}
                            <li><a href="{% url 'article' %}?article={{ notice.id }}">{{ notice.title }}</a></li>
                        {% endfor %}
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="activity">
        <div class="container">
            <h2><a href="{% url 'activity' %}">协会活动</a></h2>
            <div class="row align-items-center">
                <div class="col-4">
                    <div class="title">

                        <h3><span class="iconfont iconjiangketang"></span><a href="{% url 'course' %}">课程培训</a></h3>
                    </div>
                    <p>邀请老师或学长讲课，定期开展学术交流和技术讲座，提高协会成员水平。</p>
                </div>
                <div class="col-4">
                    <div class="title">
                        <h3><span class="iconfont iconkaifa"></span><a href="{% url 'projectDevelop' %}">项目开发</a></h3>
                    </div>
                    <p>安卓开发，原型设计，需求分析，前后端开发，人机交互</p>
                </div>
                <div class="col-4">
                    <div class="title">

                        <h3> <span class="iconfont iconicon-test"></span><a href="{% url 'contest' %}">编程比赛</a></h3>
                    </div>
                    <p>组织同学参加校内校外的编程比赛，并组织同学提供相关指导课程</p>
                </div>
            </div>
        </div>
    </div>
</div>
{% include 'module/footer.html' %}

<script src="/static/lib/js/jquery3.4.1.js"></script>
<script src="/static/lib/js/Bootstrap4.3.1.bundle.js"></script>
<script src="/static/lib/js/typelighter.js"></script>
<script src="/static/index/js/main.js"></script>
</body>

</html>


